import React, { useEffect, useState } from 'react';

interface MindmapEditorProps {
  value: string | undefined;
  onChange: (content: string) => void;
}

// 轻量占位：使用 Markdown 大纲作为导图数据，后续可替换 markmap/x6
const MindmapEditor: React.FC<MindmapEditorProps> = ({ value, onChange }) => {
  const [text, setText] = useState<string>(() => value || '# 主题\n\n- 一级\n  - 二级\n  - 二级');

  useEffect(() => {
    setText(value || '');
  }, [value]);

  return (
    <div className="space-y-2">
      <div className="text-sm text-gray-500">思维导图（Markdown 大纲），后续可接入 markmap/x6 可视化</div>
      <textarea
        className="w-full h-72 p-3 border rounded font-mono text-sm"
        value={text}
        onChange={(e) => {
          setText(e.target.value);
          onChange(e.target.value);
        }}
      />
    </div>
  );
};

export default MindmapEditor;


